﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Sanpham.aspx.cs" Inherits="footwear.Sanpham" %>
<%@ Import Namespace="footwear" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Foot-were</title>
    <link rel="stylesheet" href="css/Master.css"/>
	<link rel="stylesheet" href="css/pDetail.css"/>
	<script type="text/javascript" src = "js/jquery.min.js"></script>
	<script type="text/javascript" src = "js/mainPD.js"></script>
</head>
<body style = "overflow: auto;">
    <form id="form1" runat="server">
    <div id = "Master">
			<div id = "MasterContent">
				<div class = "Left MasterDiv">
					<input type = "text" class = "SearchBox Left"/>
					<span class = "Searchbtn Left"></span>
				</div>
				<div class = "Right MasterDiv">
					<ul id = "TopRightMenu">
						<li><a href = "index.aspx">Home</a></li>
						<li><a href = "#">order status</a></li>
						<li><a href = "#">your account</a></li>
						<li><img src = "images/cart.png" width = "20" alt="CART"/></li>
						<li><a href = "#">your cart (0)</a></li>
					</ul>
				</div>
				<div class = "Center MasterDiv" id = "TopCenter">
					<div class = "Left TwoTopbtn"><a href = "ListProduct.aspx?category=all"><div id = "BigLeft"></div></a></div>
					<div class = "Right TwoTopbtn"><div id = "BigRight"></div></div>
				</div>
			</div>
		</div>
		<div id = "HibridMenu" class = "Center">
			<div class = "Left">
				<ul class = "Right">
					<li id = "Fashihon" class = "NewMenu imgRight"></li>
					<li id = "Profession" class = "NewMenu imgRight"></li>
				</ul>
			</div>
			<div class = "Right">
				<ul class = "Left">
					<li id = "Morden" class = "NewMenu imgLeft"></li>
					<li id = "Eff" class = "NewMenu imgLeft"></li>
				</ul>
			</div>
			<div class = "Center" id = "CenterHibrid"></div>
		</div>
        <%if (DbConnect.Connection == null)
      {
          var dbConnect = new DbConnect();
      }
      var categoryBus = new CategoryBus();
      var shoeInfoBus = new ShoeInfoBus();
      var listCategoryShowIndex = categoryBus.GetListCategoryShowIndex();
      var listCategory1 = shoeInfoBus.GetListShoesShowIndexByCategory(listCategoryShowIndex[0].Type);
      var listCategory2 = shoeInfoBus.GetListShoesShowIndexByCategory(listCategoryShowIndex[1].Type);
      var listCategory3 = shoeInfoBus.GetListShoesShowIndexByCategory(listCategoryShowIndex[2].Type);
      var listCategory4 = shoeInfoBus.GetListShoesShowIndexByCategory(listCategoryShowIndex[3].Type);
         %>
		<div id = "HiddenMenu">
			<ul id = "SpecUl">
		    <li class = "MidBig">
			    <a href = "ListProduct.aspx?category=<%=listCategoryShowIndex[0].Id %>" class = "abig"><%=listCategoryShowIndex[0].Type %> ></a>
			    <ul>
					<li><a href = "Sanpham.aspx?code=<%=listCategory1[0].Code %>"><%=listCategory1[0].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory1[1].Code %>"><%=listCategory1[1].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory1[2].Code %>"><%=listCategory1[2].Name %> </a></li>
				</ul>
			</li>
			<li class = "MidBig">
				<a href = "ListProduct.aspx?category=<%=listCategoryShowIndex[1].Id %>" class = "abig"><%=listCategoryShowIndex[1].Type %> ></a>
			    <ul>
					<li><a href = "Sanpham.aspx?code=<%=listCategory2[0].Code %>"><%=listCategory2[0].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory2[1].Code %>"><%=listCategory2[1].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory2[2].Code %>"><%=listCategory2[2].Name %> </a></li>
				</ul>
			</li>
			<li class = "MidBig">
				<a href = "ListProduct.aspx?category=<%=listCategoryShowIndex[2].Id %>" class = "abig"><%=listCategoryShowIndex[2].Type %> ></a>
			    <ul>
					<li><a href = "Sanpham.aspx?code=<%=listCategory3[0].Code %>"><%=listCategory3[0].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory3[1].Code %>"><%=listCategory3[1].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory3[2].Code %>"><%=listCategory3[2].Name %> </a></li>
				</ul>
			</li>
			<li class = "MidBig">
				<a href = "ListProduct.aspx?category=<%=listCategoryShowIndex[3].Id %>" class = "abig"><%=listCategoryShowIndex[3].Type %> ></a>
			    <ul>
					<li><a href = "Sanpham.aspx?code=<%=listCategory4[0].Code %>"><%=listCategory4[0].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory4[1].Code %>"><%=listCategory4[1].Name %> </a></li>
					<li><a href = "Sanpham.aspx?code=<%=listCategory4[2].Code %>"><%=listCategory4[2].Name %> </a></li>
				</ul>
			</li>
		</ul>
		</div>
        <% var item = shoeInfoBus.GetSpecificShoe(Request.QueryString["code"]); %>
		<div id = "MiddleContainer">
			<div class = "inside">
				<div id = "PdTop">
					<span class = "Left"><a href = "javascript: history.go(-1)">< Back To List</a></span>
				</div>
				<div id = "PdMain">
					<ul class = "Left">
						<li id = "PreviewBig"><img alt="MAIN IMG" src = "<%=item.ImageSource %>"/></li>
						<li>
							<ul id = "ImgList">
								<li><img alt="SUB IMG" src = "<%=item.ShoeSubInfo.FrontImageSource %>"/></li>
								<li><img alt="SUB IMG" src = "<%=item.ShoeSubInfo.BackImageSource %>"/></li>
								<li><img alt="SUB IMG" src = "<%=item.ShoeSubInfo.LeftImageSource %>"/></li>
								<li><img alt="SUB IMG" src = "<%=item.ShoeSubInfo.BackImageSource %>"/></li>
								<li><img alt="SUB IMG" src = "<%=item.ShoeSubInfo.TopImageSource %>"/></li>
							</ul>
						</li>
					</ul>
					<ul class = "Right">
						<li class = "PdName" id = "poss"><%=item.Name %></li>
						<li class = "PdPrice"><%=item.Price %></li>
						<li class = "PdPrices"><%=item.ShoeSubInfo.Color %></li>
						<li class = "PdPrices">Code: <%=item.Code %></li>
						<li class = "PdSize PdPrices"><img src = "images/icon-jpeg.png" width  = "30" alt = "small logo"/><span class = "Text">Size: <%=item.ShoeSubInfo.Size %></span></li>
						<li class = "PdPrices">Quantity:</li>
						<li class = "PdQuantity"><input type = "text" name = "Quantity"/></li>
						<li class = "PdCart"><img src = "images/cart.png" width = "30"/><span class = "Text">add to cart</span></li>
					</ul>
				</div>
				<div id = "PdBottom" class = "Center">
					<div class = "Left">
						<h1>Dép xuất khẩu</h1>
						<p><img src = "images/icon-jpeg.png"/><%=item.ShoeSubInfo.Description %></p>
						<strong>Còn chờ gì nữa?</strong>
						<h3>Mua nhanh nào</h3>
					</div>
					<%--<div class = "Right">
						<div class = "Left Recent">
							<h2 class = "Titi">Recent</h2>
							<img src = "images/car-shoe-grey-trainers-01.jpg"/>
						</div>
						<div class = "Right Recent">
							<h2  class = "Titi">Also like</h2>
							<img src = "images/dep3.jpg"/>
						</div>
					</div>--%>
				</div>
			</div>
		</div>
		<div id = "Bottom"  class = "Center">
			<div class = "Center" id = "HibridBot">
				<div class = "HibridBot Left">Dép trẻ em</div>
				<div class = "HibridBot Left">Dép xỏ ngón</div>
				<div class = "HibridBot Left">Dép xốp</div>
				<div class = "HibridBot Left">Tấm EVA</div>
			</div>
			<ul class = "Center">
				<li><img src = "images/icon-jpeg.png" alt = "small logo"/></li>
				<li><a href = "#">Liên hệ</a></li>
				<li><a href = "#">Giới thiệu</a></li>
				<li><a href = "#">Sản phẩm</a></li>
				<li><a href = "#">Đặt hàng</a></li>
				<li><a href = "#">Điều khoản</a></li>
				<li><a href = "#">Thanh toán</a></li>
			</ul>
		</div>
    </form>
</body>
</html>
